<template>
	<view class="cart">
		<navbar class="navbar" style="background: pink;">
			<template v-slot:center>
				 <view class="center">商品数量（{{cartListLength}}）</view>
			</template>
		</navbar>
		<cartlist></cartlist>
		<cartbottombar></cartbottombar>
	</view>
</template>

<script>
	import navbar from '../../components/common/navbar/NavBar.vue'
	import cartlist from './childComps/CartList.vue'
	import cartbottombar from './childComps/CartBottomBar.vue'
	export default {
		components:{
			navbar,
			cartlist,
			cartbottombar
		},
		data() {
			return {
				
			}
		},
		computed:{
			cartListLength(){
				return this.$store.getters.cartLength
			},
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.center{
    line-height: 88rpx;
    font-size: 40rpx;
    color: white;
    font-weight: bolder;
}
</style>
